<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/web/header.jsp"%>
<title>Insert title here</title>
</head>
<body>
<div class="layui-collapse">
		<div class="layui-colla-item"> 
			<h2 class="layui-colla-title">绩效信息-查询条件</h2>
			<div class="layui-colla-content layui-show">

				<fieldset class="layui-elem-field layui-field-title"
					style="margin: 10px">
					<legend>绩效信息-查询条件</legend>
					<div class="layui-field-box">
						<form class="layui-form">
							<div class="layui-form-item">
								<label class="layui-form-label">员工</label>
								<div class="layui-input-inline">
									<select name='codeEmp'></select>
								</div>
								<label class="layui-form-label">项目</label>
								<div class="layui-input-inline">
									<select name='codePro'></select>								
								</div>
								<label class="layui-form-label"></label> 
								<span> 
									<input type="button" value="查询" class="layui-btn layui-btn-sm" lay-submit lay-filter="search"> 
									<input type="reset"value="重置" class="layui-btn  layui-btn-sm layui-btn-primary">
									<input type="button" value="添加" class="layui-btn layui-btn-sm " onclick="openAdd()">
									<input type="hidden" name="action" value="page">
									<input type="hidden" name="pageIndex" value="1">
									<input type="hidden" name="pageLimit" value="10">
								</span>
							</div>
						</form>
					</div>
				</fieldset>
				
			</div>
		</div>
	</div>
	
	<table class="layui-table">
		<colgroup>
			<col width="10%">
			<col width="12%">
			<col width="12%">
			<col width="12%">
			<col width="12%">
			<col width="12%">
		</colgroup>
		<thead>
			<tr>
				<th>序号</th>
				<th>员工编号</th>
				<th>员工姓名</th>
				<th>项目编号</th>
				<th>项目名称</th>
				<th>绩效</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody></tbody>

	</table>
<div id="pageInfo" style="text-align: right;padding-right: 30px"></div>
<script type="text/javascript">
initEmp();
function initEmp(){//从数据库中初始化下拉框中的数据
	ajax('/EmployeeServlet',{action:'list'},'json',function(data){
		var opt="<option value=''>请选择员工</option>"
		$.each(data,function(){
			opt+="<option value='"+this.code+"'>"+this.name+"</option>"
		})
		$("select[name='codeEmp']").html(opt);
		form.render();
	})
}
initPro();
function initPro(){//从数据库中初始化下拉框中的数据
	ajax('/ProjectServlet',{action:'list'},'json',function(data){
		var opt="<option value=''>请选择项目</option>"
		$.each(data,function(){
			opt+="<option value='"+this.code+"'>"+this.name+"</option>"
		})
		$("select[name='codePro']").html(opt);
		form.render();
	})
}

element.render();
formSubmit('search', "/ScoreServlet", 'json', function(data) { console.log(data)
	//分页控件的渲染=表格中全部数据的条数
	var curr=$("input[name=pageIndex]").val();
 	var limit=$("input[name=pageLimit]").val();
	pageInfo('pageInfo',data.count,curr,limit,function(obj,first){
		$("input[name=pageIndex]").val(obj.curr);
		$("input[name=pageLimit]").val(obj.limit);
		if(!first){refresh();}//首次不执行
	});
	//展示表格的数据=表格中的当前页面的数据 
	var html="";
	var tpl=$("#tradd").html();
	$.each(data.list,function(i,dom){
		dom.i=i+1+(curr-1)*limit;
		html+=laytpl(tpl).render(dom);
	})
	$("tbody").html(html);
	layer.msg("查询成功",{time:1500})
})
function refresh(){
//		$("input[type='reset']").click();
	$("input[value='查询']").click();
}
refresh();

function openAdd(){
	layerOpen('/web/page/score/add.jsp',refresh);
}
function del(codeEmp,codePro){
	layerConfirm(function(index){
		ajax("/ScoreServlet",{codeEmp:codeEmp,codePro:codePro,action:'del'},'text',function(data){console.log(data)
			if(data==1){
				$("input[type='reset']").click();
				layer.msg("删除成功",{time:1500},refresh)
			}else{
				layer.msg("删除失败")
			}
		})
	})
}
function openUpd(codeEmp,codePro){
	layerOpen('/web/page/score/upd.jsp?codeEmp='+codeEmp+'&codePro='+codePro,refresh);
//		layerOpen('/DepartmentServlet?action=get2&code='+code,refresh);
}
</script>
<script type="text/html" id="tradd">
	<tr>
		<td>{{d.i}}</td><td>{{d.codeEmp}}</td><td>{{d.nameEmp}}</td>
		<td>{{d.codePro}}</td><td>{{d.namePro}}</td><td>{{d.score}}</td>
		<td>
			<a href="javascript:del('{{d.codeEmp}}','{{d.codePro}}')" class="layui-btn layui-btn-sm layui-btn-danger">
				<i class='layui-icon layui-icon-delete'></i>
			</a>
			<a href="javascript:openUpd('{{d.codeEmp}}','{{d.codePro}}')" class="layui-btn layui-btn-sm">修改</a>
		</td>
	</tr>
</script>
</body>
</html>